<!DOCTYPE>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<title id="webtitle"></title>
    <script type="text/javascript" src="../public/maincss.js"></script>
    <script type="text/javascript" src="../public/main.js"></script>

</head>
<body >
<!--头部开始-->
<div id="header"></div>
<!--头部结束-->
<!--内容开始-->
<style>
    input{
        line-height:40px;
        height:40px;
    }
</style>
<div id="hl-body">
<div id="content">
  <div class="shoppingcart_center" >
    <div class="register_shoppingcart_center">
      <div class="shoppingcart_center2">
        <div class="payment_center0">
          <ul class="register_shoppingcart_center1">
            <li class="register_shoppingcart_center1_left">创建帐户</li>
            <li class="register_shoppingcart_center1_right">已有账户，
              <a href="../login.html">马上登录</a></li>
          </ul>
          <span id="regmsg" class="register_error"></span>
          <div class="register_shoppingcart_center2">
            <div class="register_shoppingcart_center2_1">
					<ul class="register_shoppingcart_center2_1text">
						<li class="register_shoppingcart_center2_4text">
							<input type="radio" name="userType" value="0" checked="checked" /> 个人
							&nbsp;&nbsp;&nbsp;&nbsp;
							<input type="radio" name="userType" value="1" /> 企业
						</li>
						<li class="register_msg"></li>
						<div class="clear"></div>
					</ul>
					<ul class="register_shoppingcart_center2_1text">
	                <li class="register_shoppingcart_center2_4text">
	                  <div class="inp-m">
	                    <span class="mm-icon"></span>
	                    <input align="middle" id="txtUserName" name="" value="" type="text" autocomplete="off" class="register_shoppingcart_center2_2text inp-t" placeholder="请输入您的会员名">
	                    <div class="clear"></div>
	                  </div>
	                  <div class="clear"></div>
	                </li>
	                <li class="register_msg"></li>
	                <div class="clear"></div>
	              </ul>
	              <ul class="register_prompt">
	              	<li class="register_msg msg2">输入5-16位会员名，只能包含字母或数字，不能纯数字，例：hl123</li>
	              </ul>
	              <ul class="register_shoppingcart_center2_1text">
	                <li class="register_shoppingcart_center2_4text">
	                  <div class="inp-m">
	                    <span class="mm-icon"></span>
	                    <input id="txtPassWord" name="" type="password" class="register_shoppingcart_center2_2text" placeholder="请设置帐号密码">
	                    <div class="clear"></div>
	                  </div>
	                  <div class="clear"></div>
	                </li>
	                <li class="register_msg"></li>
	                <div class="clear"></div>
	              </ul>
	              <ul class="register_prompt">
	              	<li class="register_msg msg2"><span v-if="userSet.passLevel=='1'">输6-16位密码，由大写字母+小写字母+数字或者字母+数字+符号组成，例：Abc!@123</span><span v-if="userSet.passLevel=='2'">输6-16位密码，至少包括字母+数字组成，例：abc123</span></li>
	              </ul>
	              <ul class="register_shoppingcart_center2_1text">
	                <li class="register_shoppingcart_center2_4text">
	                  <div class="inp-m">
	                    <span class="mm-icon"></span>
	                    <input id="txtPassConfirm" type="password" class="register_shoppingcart_center2_2text" placeholder="请确认帐号密码">
	                    <div class="clear"></div>
	                  </div>
	                </li>
	                <li class="register_msg"></li>
	                <div class="clear"></div>
	              </ul>
	              <ul class="register_prompt">
	              	<li class="register_msg msg2">两次密码需保持一致</li>
	              </ul>
	              <ul class="register_shoppingcart_center2_1text" v-show="userSetEmail.show">
	                <li class="register_shoppingcart_center2_4text">
	                  <div class="inp-m">
	                    <span></span>
	                    <input id="txtEmail" type="text" class="register_shoppingcart_center2_2text inp-t" placeholder="请输入您的邮箱">
	                    <div class="clear"></div>
	                  </div>
	                  <div class="clear"></div>
	                  <li class="register_msg"></li>
	                  <div class="clear"></div>
	              </ul>
	              <ul class="register_prompt" v-show="userSetEmail.show">
	              	<li class="register_msg msg2">填写真实邮箱，以便及时接收我们的通知，用于会员账户验证或找回密码</li>
	              </ul>
					<ul class="register_shoppingcart_center2_1text" style="margin-bottom: 15px;"  v-show="userSetEmail.auth">
						<el-input v-model="form.verificationCodeMail" placeholder="请输入邮箱认证码" style="width: 199px"></el-input>
						<el-button icon="el-icon-message" @click="sendRegisterCodeMail" style="width: 135px;font-size: 12px;" type="primary"  >
							<span v-show="showMail">获取邮箱认证码</span>
							<span v-show="!showMail" class="countMail">{{countMail}} s</span>
						</el-button>
					</ul>

	              <ul class="register_shoppingcart_center2_1text" v-show="userSetMobile.show">
	                <li class="register_shoppingcart_center2_4text">
	                  <div class="inp-m">
	                    <span class="sj-icon"></span>
	                    <input id="txtMobile" value="" type="text" class="register_shoppingcart_center2_2text" placeholder="请输入手机号码">
	                    <div class="clear"></div>
	                  </div>
	                </li>
	                <li class="register_msg"></li>
	                <div class="clear"></div>
	              </ul>
	              <ul class="register_prompt" v-show="userSetMobile.show">
	              	<li class="register_msg msg2">及时接收我们的通知短信</li>
	              </ul>
	              <ul class="register_shoppingcart_center2_1text" style="margin-bottom: 15px;"  v-show="userSetMobile.auth">
	              	<el-input v-model="form.verificationCodeMobile" placeholder="请输手机认证码" style="width: 199px"></el-input>
                    <el-button icon="el-icon-mobile-phone" @click="sendRegisterCode" style="    width: 135px;font-size: 12px;" type="primary"  >
                        <span v-show="show">获取手机认证码</span>
                        <span v-show="!show" class="count">{{count}} s</span>
                    </el-button>
	              </ul>
	              <ul class="register_shoppingcart_center2_1text" v-show="userSet.randCode">
	                <li class="register_shoppingcart_center2_7text">
	                  <input type="text" id="registercode" name="verifyCode" class="register_shoppingcart_center2_2text" style="    width: 195px;" placeholder="请输入验证码">
	                  <img id="imgcode" style="float:left;margin-right:10px;margin-left: 10px;width: 120px;" class="bf-img-code" src="../images/loading.gif" onClick="refreshVcode();" title="点击刷新">
	                  <span id="codemsg" class="register_msg"></span>
	                </li>
	              </ul>
	              <ul class="register_shoppingcart_center2_1text pb-20">
	                <li class="reg_li">
	                  <input id="agreeBox" type="checkbox" checked="checked" class="agree_box">我已阅读并同意
	                  <a href="../notice/serviceagree.html?flag=uregprotocol" id="comserver"></a></li>
	                <label style="display: none;" id="regmblLink_lb"></label>
	              </ul>
	              <ul>
	                <li><input type="button" onClick="regMember(this)"  class="register_shoppingcart_center1_buttom" value="确认注册" id="subfrom"/>
	                	<input type="button" class="register_shoppingcart_center1_buttom" value="正在注册" id="button_hide" style="background: #EAEAEE;color: #000000;display: none;" >
	                  <p class="load" id="miao"></p>
	                  <div class="clear"></div>
	                </li>
	              </ul>
            </div>
            <div class="register_shoppingcart_center2_2">
              <p class="register_shoppingcart_center2_201">
                <div class="register_shoppingcart_center2_202">
                  <i></i>
                  <dl>
                    <dt>注册成功
                      <br>关注微信号：慧林云
                      <br>领取新人大礼包</dt>
                    <dd></dd>
                  </dl>全国知名IDC软件提供商；
                  <br>产品稳定、数据可靠
                  <br>抛弃繁琐、快速管理；
                  <br>完善的7*24小时不间断技术支持；
                  <br>首创金牌服务，让您省心更安心！
                  <br>
                  <br>注册成功，即享多种优惠！</div></div>
            <div class="clear"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</div>
<!--内容结束-->
<!--底部开始-->
<div id="footer"></div>
<!--底部结束-->
<script type="text/javascript" src="js/register.js"></script>
</body>

